/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 23 2025 | 05:58:30 */
.diamond-button {
  position: absolute
}
.diamond-button .elementor-widget-container,
.diamond-button .elementor-button-wrapper {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.diamond-button{
    position: relative;
    display: inline-block;
    text-align: center;
    text-transform: capitalize;
    cursor: pointer;
    text-decoration: none;
    transform: rotate(45deg);
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
	overflow:hidden;
}
.diamond-button a{
	width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
	text-decoration:none;
	padding: 4px 8px !important;
	line-height: 1.1;
	border-radius: 22px;
	border:2px solid transparent;
}
.diamond-button a:hover,
.diamond-button a:focus{
    background-color: #fff !important;
	border-color:var(--e-global-color-primary) !important;
    color: var(--e-global-color-primary) !important;
}
.diamond-button em{
	font-size:13px;
	font-style: normal;
}
.diamond-button span{
    display: block;
    transform: rotate(158deg); 
	font-size: 16px;
}

@media(min-width:992px){
.diamond-button {
	width:120px;
	height:120px;
}
.diamond-button em {
	font-size:16px;
}
.diamond-button span {
	font-size: 22px;
}
}
@media(max-width:991px){
	.diamond-button{
		position:relative !important;
		inset:unset !important;
	}
}

.diamond-buttons {
  display: flex;
  gap: 50px;
  flex-wrap: wrap;
  justify-content: center;
}

.diamond-buttons a {
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 90px;
  height: 90px;
  background: #fff;
  color:#7D3C00;
  transform: rotate(45deg);
  text-align: center;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  text-decoration:none;
}
.diamond-buttons a:hover{
	background: transparent;
	border:1px solid #fff;
	color:#fff;
}
.diamond-buttons a span {
  transform: rotate(-45deg);
  text-align: center;
  font-size: 16px;
  line-height: 1.4;
}

@media(min-width:1200px){
	.diamond-buttons{
		max-width:50%;
		margin: 0 auto;
		padding:0;
		position:relative;
	}
	.diamond-buttons a{
		position:absolute;
		width:120px;
		height:120px;
	}
	.diamond-buttons a:nth-child(1){
		top:55px;
		left:50%;
	}
	.diamond-buttons a:nth-child(2){
		top:154px;
		left:67%;
	}
	.diamond-buttons a:nth-child(3){
		top:150px;
		left:33%;
	}
	.diamond-buttons a:nth-child(4){
		top:252px;
		left:50%;
	}
}
@media(min-width:1366px){
	.diamond-buttons{
		max-width:50%;
		margin: 0 auto;
		padding:0;
		position:relative;
	}
	.diamond-buttons a{
		position:absolute;
		width:120px;
		height:120px;
	}
	.diamond-buttons a:nth-child(1){
		top:55px;
		left:45%;
	}
	.diamond-buttons a:nth-child(2){
		top:152px;
		left:60%;
	}
	.diamond-buttons a:nth-child(3){
		top:150px;
		left:30%;
	}
	.diamond-buttons a:nth-child(4){
		top:248px;
		left:45%;
	}
}